
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Results Batch 2</title>
<style type="text/css">
div{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;background:#fff;margin:1px;float:left;display:block;
}
div:hover{
	background:#CFF;
}

</style>


</head>


<body>
<script src="processing-1.3.6.min.js"></script>
<script type="application/processing" data-processing-target="canvas1">

PImage bigImage;
String image_str = "";
int bs = 3; // this is our dot radius
float[] bx = new float[10];
float[] by = new float[10];

void setup()
{
  for (int i=0; i<10; i++) {
  	bx[i] = 0.0;
  	by[i] = 0.0;
  }
  bigImage = requestImage(cur_image);
  image_str = cur_image;
  size(352, 240);

  ellipseMode(CENTER_RADIUS);
}
void draw()
{
  updateSelf();
	//background(background_image);
  if (bigImage.width == 0) {
	// Image is not yet loaded
  } else if (bigImage.width == -1) {
	// This means an error occurred during image loading
  } else {
	// Image is ready to go, draw it
	background(bigImage);
  }
  //we'll draw dots on the coordinates passed in from our javascript

  	for (i=0; i<10;i++) {
		if(coordx[i]>0) {
			stroke(255);
			//colorMode(RGB,255);
			fill(255 - i*20,i*100%255,i*30%255);
			ellipse(coordx[i], coordy[i], bs, bs);
		}
	}

}
void updateSelf()
{
	String new_image_str = cur_image;
	if (new_image_str != image_str) {
		background(200);
		bigImage = requestImage(cur_image);
		image_str = cur_image;
		/*
		for (int i=0; i<10; i++) {
			bx[i] = coordx[i];
			by[i] = coordy[i];
		}
		*/
	}
}
</script>


<script language="Javascript">
var last_clicked = "";
var cur_image = "http://amosweb.cse.wustl.edu/image/984/20091026_143750.jpg";
var coordx = new Array();
var coordy = new Array();

function plot(args) {
	args_array = args.split(" ");
	document.getElementById(args_array[0]).style.background = "#CFF";
	if (last_clicked != "") {
		document.getElementById(last_clicked).style.background = "#FFF";
	}
	last_clicked = args_array[0];
	cur_image = "http://amosweb.cse.wustl.edu/image/984/".concat(last_clicked);

	coordx = new Array();
	coordy = new Array();
	for (i=0;i<(args_array.length-1);i++) {
		this_coord = args_array[i+1].split(",");
		coordx[i] = this_coord[0];
		coordy[i] = this_coord[1];
	}
	document.getElementById("coord_text").innerHTML = args;
	/*
	for (i=0;i<coordx.length;i++) {
		document.getElementById("coord_text").innerHTML += " " + coordx[i] + "," + coordy[i];
	}*/

function loading() {
	document.getElementById("loading").style.visibility = "visible";
}

function notloading() {
	document.getElementById("loading").style.visibility = "hidden";
}

}
</script>

<canvas id="canvas1"> </canvas><p id="coord_text"></p>

<br />

<div><div id="20090727_144340.jpg" onclick="javascript:plot('20090727_144340.jpg ')">20090727_144340.jpg</div><div id="20101107_145653.jpg" onclick="javascript:plot('20101107_145653.jpg ')">20101107_145653.jpg</div><div id="20100201_143358.jpg" onclick="javascript:plot('20100201_143358.jpg ')">20100201_143358.jpg</div><div id="20100601_143533.jpg" onclick="javascript:plot('20100601_143533.jpg 244,80 219,80 210,78 162,74 176,73')">20100601_143533.jpg</div><div id="20090506_144623.jpg" onclick="javascript:plot('20090506_144623.jpg 151,221')">20090506_144623.jpg</div><div id="20090405_141443.jpg" onclick="javascript:plot('20090405_141443.jpg ')">20090405_141443.jpg</div><div id="20091205_143717.jpg" onclick="javascript:plot('20091205_143717.jpg ')">20091205_143717.jpg</div><div id="20090307_141439.jpg" onclick="javascript:plot('20090307_141439.jpg 29,85 126,206 101,206 161,208')">20090307_141439.jpg</div><div id="20090330_141446.jpg" onclick="javascript:plot('20090330_141446.jpg 309,100')">20090330_141446.jpg</div><div id="20100531_143541.jpg" onclick="javascript:plot('20100531_143541.jpg 233,96 220,90')">20100531_143541.jpg</div><div id="20100129_140451.jpg" onclick="javascript:plot('20100129_140451.jpg 93,83')">20100129_140451.jpg</div><div id="20090207_143029.jpg" onclick="javascript:plot('20090207_143029.jpg ')">20090207_143029.jpg</div><div id="20090629_141831.jpg" onclick="javascript:plot('20090629_141831.jpg 226,189 242,166 262,159 257,208 213,210 213,230 235,230')">20090629_141831.jpg</div><div id="20081230_142949.jpg" onclick="javascript:plot('20081230_142949.jpg ')">20081230_142949.jpg</div><div id="20091129_143645.jpg" onclick="javascript:plot('20091129_143645.jpg ')">20091129_143645.jpg</div><div id="20100305_142341.jpg" onclick="javascript:plot('20100305_142341.jpg 327,125')">20100305_142341.jpg</div><div id="20101105_142652.jpg" onclick="javascript:plot('20101105_142652.jpg 13,167 48,126')">20101105_142652.jpg</div><div id="20090506_141623.jpg" onclick="javascript:plot('20090506_141623.jpg 210,204 165,203')">20090506_141623.jpg</div><div id="20091125_143646.jpg" onclick="javascript:plot('20091125_143646.jpg ')">20091125_143646.jpg</div><div id="20090505_144623.jpg" onclick="javascript:plot('20090505_144623.jpg ')">20090505_144623.jpg</div><div id="20091105_143653.jpg" onclick="javascript:plot('20091105_143653.jpg 105,184')">20091105_143653.jpg</div><div id="20090224_141437.jpg" onclick="javascript:plot('20090224_141437.jpg 4,90')">20090224_141437.jpg</div><div id="20090730_141340.jpg" onclick="javascript:plot('20090730_141340.jpg 147,66 161,72 172,74 176,74 180,79 98,51')">20090730_141340.jpg</div><div id="20091030_140722.jpg" onclick="javascript:plot('20091030_140722.jpg ')">20091030_140722.jpg</div><div id="20090426_144622.jpg" onclick="javascript:plot('20090426_144622.jpg ')">20090426_144622.jpg</div><div id="20090202_143029.jpg" onclick="javascript:plot('20090202_143029.jpg 21,104 52,107 201,118 225,70')">20090202_143029.jpg</div><div id="20100707_143918.jpg" onclick="javascript:plot('20100707_143918.jpg ')">20100707_143918.jpg</div><div id="20100625_140638.jpg" onclick="javascript:plot('20100625_140638.jpg 254,173 270,166 164,170 12,169')">20100625_140638.jpg</div><div id="20091105_140633.jpg" onclick="javascript:plot('20091105_140633.jpg 16,139 46,214')">20091105_140633.jpg</div><div id="20090826_141347.jpg" onclick="javascript:plot('20090826_141347.jpg 159,70 142,98 176,85')">20090826_141347.jpg</div><div id="20081226_142949.jpg" onclick="javascript:plot('20081226_142949.jpg ')">20081226_142949.jpg</div><div id="20090429_144622.jpg" onclick="javascript:plot('20090429_144622.jpg ')">20090429_144622.jpg</div><div id="20090222_144442.jpg" onclick="javascript:plot('20090222_144442.jpg ')">20090222_144442.jpg</div><div id="20091227_140828.jpg" onclick="javascript:plot('20091227_140828.jpg ')">20091227_140828.jpg</div><div id="20090829_141351.jpg" onclick="javascript:plot('20090829_141351.jpg ')">20090829_141351.jpg</div><div id="20090630_144834.jpg" onclick="javascript:plot('20090630_144834.jpg 218,141 228,143 245,143')">20090630_144834.jpg</div><div id="20100107_140833.jpg" onclick="javascript:plot('20100107_140833.jpg 202,75')">20100107_140833.jpg</div><div id="20100528_140552.jpg" onclick="javascript:plot('20100528_140552.jpg ')">20100528_140552.jpg</div><div id="20090804_144340.jpg" onclick="javascript:plot('20090804_144340.jpg 97,88 126,88 205,91')">20090804_144340.jpg</div><div id="20090406_141445.jpg" onclick="javascript:plot('20090406_141445.jpg 207,119 239,112 298,129 302,90')">20090406_141445.jpg</div><div id="20090801_144338.jpg" onclick="javascript:plot('20090801_144338.jpg ')">20090801_144338.jpg</div><div id="20091206_140730.jpg" onclick="javascript:plot('20091206_140730.jpg ')">20091206_140730.jpg</div><div id="20101101_142651.jpg" onclick="javascript:plot('20101101_142651.jpg 82,132 108,120')">20101101_142651.jpg</div><div id="20090327_141447.jpg" onclick="javascript:plot('20090327_141447.jpg ')">20090327_141447.jpg</div><div id="20100223_145335.jpg" onclick="javascript:plot('20100223_145335.jpg 32,117 243,145 322,96')">20100223_145335.jpg</div><div id="20090827_144350.jpg" onclick="javascript:plot('20090827_144350.jpg 297,89')">20090827_144350.jpg</div><div id="20090429_141622.jpg" onclick="javascript:plot('20090429_141622.jpg ')">20090429_141622.jpg</div><div id="20091130_140702.jpg" onclick="javascript:plot('20091130_140702.jpg 75,134 345,140 193,96 78,56')">20091130_140702.jpg</div><div id="20101106_145652.jpg" onclick="javascript:plot('20101106_145652.jpg ')">20101106_145652.jpg</div><div id="20100806_142350.jpg" onclick="javascript:plot('20100806_142350.jpg 176,130 94,131 80,128')">20100806_142350.jpg</div><div id="20090404_144443.jpg" onclick="javascript:plot('20090404_144443.jpg 276,170 236,204 171,136 163,122 155,110 299,115 282,109 289,115 230,112 212,117')">20090404_144443.jpg</div><div id="20100106_140823.jpg" onclick="javascript:plot('20100106_140823.jpg ')">20100106_140823.jpg</div><div id="20091025_140731.jpg" onclick="javascript:plot('20091025_140731.jpg ')">20091025_140731.jpg</div><div id="20101027_142651.jpg" onclick="javascript:plot('20101027_142651.jpg 146,108 297,131 290,166 284,233 192,98 172,96 231,90 58,98 13,109 134,94')">20101027_142651.jpg</div><div id="20090629_144832.jpg" onclick="javascript:plot('20090629_144832.jpg ')">20090629_144832.jpg</div><div id="20100525_140558.jpg" onclick="javascript:plot('20100525_140558.jpg ')">20100525_140558.jpg</div><div id="20081229_142949.jpg" onclick="javascript:plot('20081229_142949.jpg 319,96')">20081229_142949.jpg</div><div id="20100830_145355.jpg" onclick="javascript:plot('20100830_145355.jpg ')">20100830_145355.jpg</div><div id="20090425_141622.jpg" onclick="javascript:plot('20090425_141622.jpg 118,119 140,126 172,124')">20090425_141622.jpg</div><div id="20090302_144438.jpg" onclick="javascript:plot('20090302_144438.jpg 155,93 181,97 276,94 60,87')">20090302_144438.jpg</div><div id="20090107_145952.jpg" onclick="javascript:plot('20090107_145952.jpg 101,79 329,88')">20090107_145952.jpg</div><div id="20090627_141808.jpg" onclick="javascript:plot('20090627_141808.jpg ')">20090627_141808.jpg</div><div id="20090502_141623.jpg" onclick="javascript:plot('20090502_141623.jpg 218,93 232,99 239,104 249,107 299,117 308,122 328,126 310,118 314,121 324,125')">20090502_141623.jpg</div><div id="20090303_144439.jpg" onclick="javascript:plot('20090303_144439.jpg 320,108 335,100')">20090303_144439.jpg</div><div id="20091128_143649.jpg" onclick="javascript:plot('20091128_143649.jpg ')">20091128_143649.jpg</div><div id="20100630_143638.jpg" onclick="javascript:plot('20100630_143638.jpg 12,176')">20100630_143638.jpg</div><div id="20090405_144445.jpg" onclick="javascript:plot('20090405_144445.jpg 308,94')">20090405_144445.jpg</div><div id="20100726_141400.jpg" onclick="javascript:plot('20100726_141400.jpg ')">20100726_141400.jpg</div><div id="20090825_141346.jpg" onclick="javascript:plot('20090825_141346.jpg 247,80')">20090825_141346.jpg</div><div id="20081231_142949.jpg" onclick="javascript:plot('20081231_142949.jpg 67,103')">20081231_142949.jpg</div><div id="20090604_141759.jpg" onclick="javascript:plot('20090604_141759.jpg 256,96 307,99 229,96 219,90 2,78')">20090604_141759.jpg</div><div id="20090327_144444.jpg" onclick="javascript:plot('20090327_144444.jpg 39,163 57,120 69,119')">20090327_144444.jpg</div><div id="20090329_144445.jpg" onclick="javascript:plot('20090329_144445.jpg ')">20090329_144445.jpg</div><div id="20100201_140408.jpg" onclick="javascript:plot('20100201_140408.jpg 117,88 24,69 175,71')">20100201_140408.jpg</div><div id="20090329_141446.jpg" onclick="javascript:plot('20090329_141446.jpg 334,168 348,169 339,111 291,126')">20090329_141446.jpg</div><div id="20081225_142949.jpg" onclick="javascript:plot('20081225_142949.jpg ')">20081225_142949.jpg</div><div id="20090307_144438.jpg" onclick="javascript:plot('20090307_144438.jpg ')">20090307_144438.jpg</div><div id="20101031_142651.jpg" onclick="javascript:plot('20101031_142651.jpg ')">20101031_142651.jpg</div><div id="20090501_141622.jpg" onclick="javascript:plot('20090501_141622.jpg 221,118')">20090501_141622.jpg</div><div id="20100530_143555.jpg" onclick="javascript:plot('20100530_143555.jpg 110,69 119,71 252,76 245,70 276,70')">20100530_143555.jpg</div><div id="20090428_141622.jpg" onclick="javascript:plot('20090428_141622.jpg 313,138 248,115 251,84 276,71 303,82 268,77')">20090428_141622.jpg</div><div id="20090607_144759.jpg" onclick="javascript:plot('20090607_144759.jpg ')">20090607_144759.jpg</div><div id="20101105_145652.jpg" onclick="javascript:plot('20101105_145652.jpg ')">20101105_145652.jpg</div><div id="20090131_140029.jpg" onclick="javascript:plot('20090131_140029.jpg 275,60 270,61')">20090131_140029.jpg</div><div id="20090225_144437.jpg" onclick="javascript:plot('20090225_144437.jpg ')">20090225_144437.jpg</div><div id="20100807_142350.jpg" onclick="javascript:plot('20100807_142350.jpg ')">20100807_142350.jpg</div><div id="20090601_144758.jpg" onclick="javascript:plot('20090601_144758.jpg 199,97 259,86')">20090601_144758.jpg</div><div id="20090527_141758.jpg" onclick="javascript:plot('20090527_141758.jpg ')">20090527_141758.jpg</div><div id="20100827_145346.jpg" onclick="javascript:plot('20100827_145346.jpg 324,211 347,220 333,162 216,231 201,231')">20100827_145346.jpg</div><div id="20090325_144441.jpg" onclick="javascript:plot('20090325_144441.jpg 329,118 51,58 61,58 40,58 20,68')">20090325_144441.jpg</div><div id="20090902_144353.jpg" onclick="javascript:plot('20090902_144353.jpg 44,66 2,113 145,54')">20090902_144353.jpg</div><div id="20090806_144340.jpg" onclick="javascript:plot('20090806_144340.jpg 62,121 71,85 105,62')">20090806_144340.jpg</div><div id="20100806_145350.jpg" onclick="javascript:plot('20100806_145350.jpg 194,131 112,120 85,124 91,122')">20100806_145350.jpg</div><div id="20090702_144809.jpg" onclick="javascript:plot('20090702_144809.jpg 109,104 237,117 230,113 222,115 256,111 301,126')">20090702_144809.jpg</div><div id="20101102_145651.jpg" onclick="javascript:plot('20101102_145651.jpg ')">20101102_145651.jpg</div><div id="20090807_141345.jpg" onclick="javascript:plot('20090807_141345.jpg 207,87 185,88')">20090807_141345.jpg</div><div id="20090105_145952.jpg" onclick="javascript:plot('20090105_145952.jpg 29,87 24,109')">20090105_145952.jpg</div><div id="20090625_144807.jpg" onclick="javascript:plot('20090625_144807.jpg ')">20090625_144807.jpg</div><div id="20090201_140029.jpg" onclick="javascript:plot('20090201_140029.jpg ')">20090201_140029.jpg</div></div></body></html>